<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
	<link rel="stylesheet" href="/layui/css/layui.css">
	<link rel="stylesheet" href="/css/main.css"/>
  <script src="/layui/layui.js"></script>
  <script src="/js/jquery.1.8.3.min.js"></script>
  <link type="text/css" rel="styleSheet"  href="/css/customer_search.css" />
</head>
<body>

<div th:include="/common/head :: head"></div>

<div  class="content">

    <div class="page_search">
        <div class="layui-tab layui-tab-card" style="height: max-content">
                <div style="font-weight: bolder;">我的快递：</div>
                <hr>
                  <!--小哥信息与简单包裹卡片b-->
                  <div style="padding: 20px; background-color: #F2F2F2;">
                      <div class="layui-row layui-col-space15">
                          <div class="layui-col-md6">
                              <div class="layui-card">
                                  <div class="layui-card-header">我的名字：<a id="show_f_name" th:text="${packageActionList.get(0).getaPackage().getSendName()}">李佳涛</a><img src="/images/ji.jpg" style="float: right"></div>
                                  <div class="layui-card-body">
                                      我的地址：<a id="show_f_address" th:text="${packageActionList.get(0).getaPackage().getSendAddress()}">广东省广州市从化区华软</a><br>
                                      我的电话：<a id="show_f_phone" th:text="${packageActionList.get(0).getaPackage().getSendPhone()}">13544370963</a>
                                  </div>
                              </div>
                          </div>
                          <div class="layui-col-md6">
                              <div class="layui-card">
                                  <div class="layui-card-header">ta的名字：<a id="show_t_name" th:text="${packageActionList.get(0).getaPackage().getReceiptName()}">黄才龙</a><img src="/images/shou.jpg" style="float: right"></div>
                                  <div class="layui-card-body">
                                      ta的地址：<a id="show_t_address" th:text="${packageActionList.get(0).getaPackage().getReceiptAddress()}">广东省湛江市白云区广软</a><br>
                                      ta的电话：<a id="show_t_phone" th:text="${packageActionList.get(0).getaPackage().getReceiptPhone()}">13544370954</a>
                                  </div>
                              </div>
                          </div>
                          <div class="layui-col-md12">
                              <div class="layui-card">
                                  <div class="layui-card-header">包裹下落</div>
                                  <div class="layui-card-body">
                                      <div class="info_img" style="height: 100px">
                                          <img src="/images/headCourier.jpg" style="float: left;">
                                          <div style="float: left;margin-left: 25px">
                                              <a style="font-size: 20px" id="kd">  西风小哥 </a><a>  ☆☆☆☆☆ </a><a>0</a><br>
                                            <a style="padding-top: 8px" >  联系电话  </a><a id="kd_phone">13544396321</a>
                                          </div>
                                          <div style="float: right">
                                              <a>预计上门时间</a><br>
                                              <a>明天</a><a style="font-size: 20px">09:00</a>
                                          </div>
                                      </div>
                                      <hr>
                                      <!--显示包裹所有经过状态信息b-->
                                      <div>
                                          <table class="layui-table" id="LAY_table_user" lay-filter="user">
                                              <th>时间</th><th>状态</th><th>动作</th><th>快递号</th><th>快递员名</th><th>快递员号</th><th>快递员区域</th>

                                              <tr th:each="item: ${packageActionList}" >
                                                  <td th:value="${item.getId()}" th:text="${item.getTime()}"></td>
                                                  <td th:value="${item.getId()}">
                                                      <p class="text" th:if="${item.getState()} eq '1'">待快递员取件</p>
                                                      <p class="text" th:if="${item.getState()} eq '2'">运输中</p>
                                                      <p class="text" th:if="${item.getState()} eq '3'">派件中</p>
                                                      <p class="text" th:if="${item.getState()} eq '-1'">订单取消</p>
                                                      <p class="text" th:if="${item.getState()} eq '-2'">取件失败</p>
                                                      <p class="text" th:if="${item.getState()} eq '-3'">派送失败</p>
                                                      <p class="text" th:if="${item.getState()} eq '0'">派件成功</p>
                                                  </td>
                                                  <td th:value="${item.getId()}" th:text="${item.getAction()}"></td>
                                                  <td th:value="${item.getId()}" th:text="${item.getaPackage().getNo()}"></td>
                                                  <td th:value="${item.getId()}" th:text="${item.getCourier().getRealName()}"></td>
                                                  <td th:value="${item.getId()}" th:text="${item.getCourier().getNo()}"></td>
                                                  <td th:value="${item.getId()}" th:text="${item.getCourier().getWorkingArea().getAddressName()}"></td>

                                              </tr>
                                          </table>
                                      </div>
                                      <!--显示包裹所有经过状态信息e-->


                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
                  <!--小哥信息与简单包裹卡片e-->
                  <form style="padding-top: 30px;padding-right: 50px;" class="layui-form" action="">
                  <div class="layui-form-item">
                    <div class="layui-input-block">
                      <input type="hidden" id="p_id">
                        <button type="button"  class="layui-btn layui-btn backlist">去快递列表</button>
                        <button type="button" class="layui-btn layui-btn backindex">去主页面</button>
                    </div>
                  </div>
                </form>
        </div>
    </div>
</div>

<div th:include="/common/footer :: footer"></div>
<script >
    $(".backindex").click(function(){
        location.href="/customer/index"
    });
    $(".backlist").click(function(){
        location.href="/customer/search"
    });
</script>

<script src=""></script>
</body>
</html>